<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <script src="js/common.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/lottery.css">
</head>
<body>
    <div class="main-title">
        <img src="imgs/title.png" >
    </div>
    <div class="main">
        <div class="lotterypan-box">
            <a class="indicator" id="indi" href="javascript:;">
                <img src="imgs/pointer.png">
            </a>
        </div>
        <div class="draw-banner-box">
            <div class="draw-banner">
                <ul></ul>
            </div>
        </div>
        <div class="sponsor">
            <a class="see-sponsor" href="sponsor.html">点击查看活动礼品赞助商 &gt;&gt;</a>
        </div>
        <div class="rule-box">
            <span class="rule-title">活动规则</span>
            <p>1、关注悟牛公众号(wuniu_tennis)，即可参与抽奖活动；</p>
            <p>2、每个手机号码有且只有1次抽奖机会，奖品以实物为准；</p>
            <p>3、抽奖获得者仅限本人凭手机号码到展位A87号悟牛展位领取奖品；</p>
            <p>4、展会结束后，获奖者未领取奖品，将视为放弃奖品；</p>
            <p>5、本活动最终解释权归深圳市悟牛科技有限公司所有。</p>
        </div>
    </div>
    <!-- 验证 -->
    <div class="cover1 cover">
        <div class="popbox">
            <span class="close-btn"></span>
            <div class="inputwp">
                <div class="inputbox">
                    <input id="phone" type="tel" placeholder="请输入手机号码获得抽奖机会">
                </div>
            </div>
            <div class="inputwp">
                <div class="subinputbox">
                    <input id="yzmtext" type="tel" placeholder="请输入验证码">
                </div>
                <button class="yzm yzm-btn">获取验证码</button>
            </div>
            <button class="to-draw-btn">去抽奖</button>
            <p class="tiptext">每个号码仅获得一次抽奖机会</p>
        </div>
    </div>
    <!-- 中奖提示 & 重复抽奖提示 -->
    <div class="cover2 cover">
        <div class="popbox">
            <span class="close-btn"></span>
            <div class="infobox">
                <p class="info-text1">恭喜你获得</p>
                <p class="info-text2">价值398元避震器一个</p>
            </div>
            <div class="goodsimg-box">
                <img class="goodsimg" src="imgs/prize_1.png" >
            </div>
            <div class="position">凭手机号码前往展位号A78领取</div>
            <div class="tishi">仅限本人领取</div>
        </div>
    </div>
    <!-- 重复抽奖提示 -->
    <div class="cover3 cover">
        <div class="popbox">
            <span class="close-btn"></span>
            <div class="infobox">
                <p class="info-text1">你已抽过一次奖</p>
                <p class="info-text2 smf">奖品为：价值398元悟牛避震器一个</p>
            </div>
            <div class="goodsimg-box">
                <img class="goodsimg" src="imgs/prize_1.png" >
            </div>
            <div class="position">凭手机号码前往展位号A78领取</div>
            <div class="tishi">仅限本人领取</div>
        </div>
    </div>
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/jquery.rotate.min.js"></script>
    <script src="js/lottery.js"></script>
</body>
</html>